<script setup lang="ts">
import {DownOutlined} from "@ant-design/icons-vue"
</script>

<template>
  <a-card  title="快捷操作" size="small">
    <a-row >
      <a-col :span="8"  style="text-align: center;">
        <a-button type="primary">一键启动</a-button>
      </a-col>
      <a-col :span="8"  style="text-align: center;">
        <a-button danger>一键停止</a-button>
      </a-col>
      <a-col :span="8"  style="text-align: center;">
        <a-dropdown>
          <template #overlay>
            <a-menu >
              <a-menu-item key="1">修改HOST</a-menu-item>
              <a-menu-item key="2">PHP目录</a-menu-item>
              <a-menu-item key="3">Nginx目录</a-menu-item>
              <a-menu-item key="4">Vhost目录</a-menu-item>
            </a-menu>
          </template>
          <a-button>
            快速打开
            <DownOutlined />
          </a-button>
        </a-dropdown>
      </a-col>
    </a-row>
  </a-card>
</template>
